<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>订单详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="/css/mui.min.css">
    <link rel="stylesheet" href="/css/style.css">
</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav">
        <button id="headerBacker" class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
            <span class="mui-icon mui-icon-left-nav"></span>首页
        </button>
        <h1 class="mui-title">订单详情</h1>
    </header>
    <div class="mui-content">
        <div class="mui-content-padded">
            <div class="title">
                <p>订单ID：{{ $order['serial_number'] }} {{ $order['status'] }}</p>
                <p>下单时间：{{ $order['created_at'] }}</p>
            </div>
            <div class="title">
                <p>{{ $order['name'] }} - {{ $order['phone'] }}</p>
                <p>{{ $order['province'] }} {{ $order['city'] }} {{ $order['district'] }}</p>
                <p>{{ $order['home'] }}</p>
            </div>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">
                        <img class="mui-media-object mui-pull-left" src="{{ $product['cover'] }}">
                        <div class="mui-media-body">
                            {{ $product['name'] }}
                            <p>{{ $product['original_price'] }}</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="mui-content-padded footer">
            <p>
                --- 已经到底喽 ---
            </p>
        </div>
        @if($order['status']==1)
        <div class="message bottom">
            <div class="action">
                <a href = "/my/order_cancel?order_id={{$order['id']}}" id="order" type="button" class="mui-btn mui-btn-blue" style="width: 200px;">取消订单</a>
            </div>
        </div>
        @endif
    </div>
    <script src="/js/mui.min.js"></script>
    <script type="text/javascript">
        mui.init({
            swipeBack: true
        });
    </script>
</body>

</html>
